import React from "react";
import { Card, Typography, Select } from "antd";
import { useTranslation } from "react-i18next";
import LesionTable from "./LesionTable";

const VisitCard = props => {
  const { visitName, visitTime } = props;

  const { t } = useTranslation("Measurements");

  const onChange = value => {

  };

  return (<Card className="visit-card" title={visitName}>
    <div className="visit-header">
      <div className="visit-time">
        <div>{t("Visit Time")}</div>
        <div>{visitTime}</div>
      </div>
      <div className="efficacy-evaluation">
        <Typography.Text>{t("Efficacy Evaluation")}</Typography.Text>
        <Select onChange={onChange} value={0}>
          <Select.Option value={0}>{t("PD")}</Select.Option>
        </Select>
      </div>
    </div>
    <LesionTable />
  </Card>);
}

export default VisitCard;
